.home{
    padding-top: 1rem;
    background-color: #eee;
    .grids{
        margin-top: 1rem;
    }
    .ranking{
        margin: 10px 0;
        padding:10px 0 20px 0;
        border-radius: 10px;
        background-color: #fff;
    }
    .cell_{
        padding:0 1rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        div{
            font-size: 0.9rem;
            display: flex;
            flex-direction: row;
            align-items: center;
            background-color: #fefaf9;
            border: #eee 1px solid;
            border-radius: 20px;
            padding: 5px 10px;
        }
    }
    .music_controls{
        width: 100%;
        position: fixed;
        bottom: 50px;
        font-size: 20px;
        .space{
            width: 20px;
        }
        .controls{
            position: relative;
            width: 100%;
            background-color: blueviolet;
            color: #FFF;
            padding: 12px 20px;
            border-radius:  0 50px 50px 12px;
            img{
                position: absolute;
                bottom: 0;
                left: 0;
                border-radius: 6px;
                z-index: 999;
            }
            .icon-bofang1,.icon-bofang2{
                font-size: 26px;
            }
            span{
                margin: 0 10px;
                font-size: 23px;
                font-weight: 600;
            }
        }
    }
}
.notice_bar{
    width: 100%;
    --rv-notice-bar-height:20px;
    --rv-notice-bar-font-size:14px;
    color: #fff;
    background-color: blueviolet;
}